<div class="data-info">
  <md-toolbar>
    <h2 class="md-toolbar-tools">
      <span>{{device.moduleName}}信息展示</span>
      <span flex></span>
      <md-button aria-label="关闭" ui-sref="sas.resourcesWatchData.netDevInfo"><i class="glyphicon glyphicon-remove"></i></md-button>
    </h2>
  </md-toolbar>
  <md-content>
    <form class="form-horizontal" role="form" name="netDevDetailForm" novalidate>
      <div class="form-ctrl md-whiteframe-z1">
        <div class="form-search" style="height:160px;" ng-class="{true: 'shou'}[!toggle.isFolded]" ng-switch="netDevDetail.timeType.timeTypeCode">
        <div>
          <label style="">时间粒度</label>
          <md-select ng-model="netDevDetail.timeType">
            <md-select-label>{{netDevDetail.timeType ? _getNames(netDevDetail.timeType,'timeTypeName',selector.timeType) : "日"}}</md-select-label>
            <md-option ng-value="timeType" ng-repeat="timeType in selector.timeType" >{{timeType.timeTypeName}}</md-option>
          </md-select>
        </div>
        <input-quarter-group start-time="netDevDetail.quarter.startTime" end-time="netDevDetail.quarter.endTime" ng-switch-when="4"></input-quarter-group>
        <div ng-if="!netDevDetail.timeType || netDevDetail.timeType.timeTypeCode !== '4'">
        <md-input-container flex>
          <label >开始时间</label>
          <input name="dateStartTime" type="date" time-validate="day"  end-time="date.endTime" ng-model="date.startTime"  ng-switch-default required>
          <div ng-messages="netDevDetailForm.dateStartTime.$error">
            <div ng-message="date">请正确输入时间</div>
            <div ng-message="time-error">开始时间不应大于结束时间</div>
            <div ng-message="time-diff">开始时间最多小于结束时间3天</div>
          </div>
          <input name="monthStartTime" time-validate="month" ng-model="date.startTime"  end-time="date.endTime" type="month" ng-switch-when="3" required>
          <div ng-messages="netDevDetailForm.monthStartTime.$error">
            <div ng-message="date">请正确输入时间</div>
            <div ng-message="time-error">开始时间不应大于结束时间</div>
            <div ng-message="time-diff">开始时间最多小于结束时间3个月</div>
          </div>
        </md-input-container>
        </div>
        <div ng-if="!netDevDetail.timeType || netDevDetail.timeType.timeTypeCode !== '4'">
          <md-input-container flex>
            <label>结束时间</label>
            <input name="dateEndTime" time-validate="day" type="date" ng-model="date.endTime"  start-time="date.startTime" ng-switch-default required>
            <div ng-messages="netDevDetailForm.dateEndTime.$error">
              <div ng-message="date">请正确输入时间</div>
              <div ng-message="time-error">结束时间不应小于开始时间</div>
              <div ng-message="too-great">结束时间不应大于当前时间</div>
              <div ng-message="time-diff">结束时间最多高于开始时间3天</div>
            </div>
            <input name="monthEndTime" time-validate="month" ng-model="date.endTime"  type="month" start-time="date.startTime" ng-switch-when="3" required>
            <div ng-messages="netDevDetailForm.monthEndTime.$error">
              <div ng-message="date">请正确输入时间</div>
              <div ng-message="time-error">结束时间不应小于开始时间</div>
              <div ng-message="too-great">结束时间不应大于当前时间</div>
               <div ng-message="time-diff">结束时间最多高于开始时间3个月</div>
            </div>
          </md-input-container >
        </div>
        </div>
        <i class="glyphicon glyphicon-chevron-up shrinkage" ng-show="isQuery" ng-click="toggle.isFolded=false"></i>
        <md-button ng-click="netDevInfoDetailQuery()" class="md-fab md-primary md-hue-1" aria-label="Profile" ng-disabled="netDevDetailForm.$invalid && toggle.isFolded">
        <i class="glyphicon glyphicon-search"  ng-show="toggle.isFolded"></i>
        <i class="glyphicon glyphicon-arrow-down" style="margin-top:28px;" ng-show="!toggle.isFolded"></i>
        </md-button>
      </div>
    </form>
    <div class="table-info">
      <div>
        <div class="menus">
          <md-button class="md-raised" style="background-color: #FF9800;color:white" ng-click="changeChart(item.ip)" ng-repeat="item in series track by $index">{{item.ip}}</md-button>
        </div>
        <div style="height:570px" ng-hide="isQuery"></div>
        <div ng-repeat="item in series track by $index">
          <div id="{{'devCpuChart'+$index}}" ng-show="isQuery && (item.ip === showIp)" style="height:190px;width:960px;margin:0 auto;"></div>
          <div id="{{'devMemoryChart'+$index}}" ng-show="isQuery && (item.ip === showIp)" style="height:190px;width:960px;margin:0 auto;"></div>
          <div id="{{'devTempChart'+$index}}" ng-show="isQuery && (item.ip === showIp)" style="height:190px;width:960px;margin:0 auto;"></div>
        </div>
      </div>
    <div>
  </md-content>
</div>